<%--
  Created by IntelliJ IDEA.
  User: LYM
  Date: 2022/7/7
  Time: 13:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<html>
<head>
    <title></title>
</head>
<body style="background: #ececef">


<body>
</body>
<%String username = (String) session.getAttribute("username"); %>
<div class="topnavWrap">
    <div class="topnavele">
        <form method="post" action="./LogoutServlet">
            <button style="width: 100%;height: 100%">
                Log Out
            </button>
        </form>
    </div>
    <div class="topnavele">
        <%= username %>
    </div>

</div>
<div class="pageWrap">
    <div class="sidebar">
        <div class="tab" id="cate0"></div>
        <div class="design" id="cate1">
            <a href="addWarehouse.jsp"><button class="navto-nav">Add Warehouse</button></a>
        </div>
        <div class="design" id="cate2">
            <a href="addWorker.jsp"><button class="navto-nav">Add Worker</button></a>
        </div>
        <div class="design" id="cate3">
            <a href="addShelf.jsp"><button class="navto-nav">Add Shelf</button></a>
        </div>
        <div class="design" id="cate4">
            <a href="delet.jsp"><button class="navto-nav">Delete</button></a>
        </div>
        <div class="design" id="cate5">
            <div class="navto-nav">5</div>
        </div>
        <div class="design" id="cate6">
            <div class="navto-nav">6</div>
        </div>
        <div class="design" id="cate7">
            <div class="navto-nav">7</div>
        </div>
        <div class="design" id="cate8">
            <div class="navto-nav">8</div>
        </div>
        <div class="design" id="cate9">
            <div class="navto-nav">9</div>
        </div>
        <div class="design" id="cate10">
            <div class="navto-nav">10</div>
        </div>

    </div>

    <div class="functionWrap">
        <div class="smallWrap">
            <div >
                <div>
                    <a href="welcome.jsp">
                        <button type="button"  >x
                        </button>
                    </a>
                    <h2 id="myModalLabel" style="text-align: center;color: white">Add a Shelf</h2>
                    <br>

                </div>
                <form method="post" action="./addShelfServlet">
                    <div >
                        <div>
                            <div class="miniWrap">
                                <h4 style="color: white">ShelfID</h4>
                            </div>

                            <div>
                                <div class="miniWrap">
                                    <input type="text" name="shelfID" placeholder="please enter integer">
                                </div>
                            </div>
                        </div>

                        <div >
                            <div class="miniWrap">
                                <h4 style="color: white">Goods type</h4>
                            </div>

                            <div >
                                <div class="miniWrap">
                                    <input type="text"
                                           name="goodsType" placeholder="please enter String">
                                    <br>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="miniWrap">
                                <h4 style="color: white">Goods number</h4>
                            </div>

                            <div>
                                <div class="miniWrap">
                                    <input type="text"
                                           name="goodsNum" placeholder="please enter integer">
                                    <br>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="miniWrap">
                                <h4 style="color: white">WarehouseID</h4>
                            </div>

                            <div>
                                <div class="miniWrap">
                                    <input type="text"
                                           name="warehouseID" placeholder="please enter String">
                                    <br>
                                    <br>
                                </div>
                            </div>
                        </div>




                    </div>
                    <div >
                        <div class="miniWrap">
                            <button type="submit" class="btn btn-primary">submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>


</body>



<style>
    .pageWrap {
        width: 100%;
        height: 100%;
        float: left;
    }

    .sidebar {
        width: 15%;
        height: 100%;
        background: azure;
        border-style: solid;
        border-color: #efefef;
        float: left;
    }

    .tab {
        font-size: 20px;
        height: 30px;
        width: 100%;
        background: aquamarine;
        line-height: 30px; /*把line-height高度设置和height一样就可以让字体垂直居中*/
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #efefef;
        border-radius: 2px 2px 0px 0px;
        text-align: center;
    }

    .navto-nav {
        font-size: 18px;
        height: 60px;
        width: 100%;
        background: azure;
        line-height: 60px; /*把line-height高度设置和height一样就可以让字体垂直居中*/
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: #efefef;
        text-align: center;
        text-decoration: none;
    }

    .navto-nav:hover {
        background: aquamarine;
    }

    .topnavWrap {
        height: 40px;
        width: 100%;
        background: aquamarine;
        border-style: solid;
        border-color: #efefef;
        position: fixed;
        top: 0;
        text-align: center;
        line-height: 40px;

    }

    .topnavele {
        height: 40px;
        width: 10%;
        background: azure;
        text-align: center;
        line-height: 40px;
        float: right;
        text-decoration: none;

    }

    .topnavele:hover {
        background: aqua;
    }

    a {
        text-decoration: none;
    }

    .functionWrap {
        height: 100%;
        width: 84%;
        float: left;
    }

    .smallWrap {
        height: 55%;
        width: 50%;
        margin-top: 20%;
        margin-left: 30%;
        background: #13f3aa;
        border-radius: 20px;
        border: 20px solid aquamarine;
    }

    .miniWrap {
        width: 100%;
        text-align: center;
    }

</style>


</html>
